<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no">
	<meta name="apple-mobile-web-app-capable" content="yes">
	<meta name="apple-mobile-web-app-status-bar-style" content="black">

	<title>提交售后</title>
	<link rel="stylesheet" href="../css/mui.min.css" />
	<link rel="stylesheet" href="../css/common.css" />
	<link rel="stylesheet" href="../iconfont/iconfont.css" />
	<style>
		body {
			background: #f4f4f4;
		}
		
		.apply-select {
			display: none;
		}
		
		.apply-select > div {
			border-top: 1px solid #CCCCCC;
			font-size: 13px;
		}
		
		.apply-images > div img {
			max-height: 120px;
			min-height: 90px;
			width: 90%;
		}
		
		.apply-btn button {
			color: #fff;
			background: #FC3A2E;
		}
		.apply-images .icon-close {
			position: absolute;
			top: -20px;
			right: -10px;
			padding: 10px;
		}
	</style>
</head>
<body>
	<!-- 顶部导航 开始 -->
	<header class="header mui-bar mui-bar-nav bar mui-text-center">
		<a class="mui-pull-left mui-action-back pad-h-md">
			<i class="iconfont icon-back"></i>
		</a>
		<a class="title">提交售后</a>
		<a class="mui-pull-right pad-h-md btn-app-home">
			<i class="iconfont icon-home"></i>
		</a>
	</header>
	<!-- 顶部导航 结束 -->
	<div class="content pad-v">
		<div class="mui-row white">
			<div class="mui-col-xs-8 pad-v pad-h">问题类型</div>
			<div class="mui-col-xs-4 pad-v pad-h mui-text-right">
				<label>请选择<i class="iconfont icon-unfold"></i></label>
			</div>
		</div>
		<div class="white apply-select">
		</div>
		
		<div class="pad-v-sm"></div>
		
		<div class="mui-input-row white mgn-v-sm">
		  <label>联系人：</label>
		  <input type="text" name="name" placeholder="请输入联系人姓名" />
		</div>
		<div class="mui-input-row white">
		  <label>联系电话：</label>
		  <input type="number" name="phone" placeholder="请输入联系电话" />
		</div>
		<div class="mui-input-row white mgn-v-sm">
		  <label>详细描述：</label>
		  <textarea name="description" rows="4" placeholder="请输入申请售后原因的详细描述内容"></textarea>
		</div>
		
		<div class="pad-h pad-v">提供照片</div>
		<div class="mui-row pad-v-lg white apply-images pad-h-sm">
			<div class="mui-col-xs-4 mui-text-center btn-add-image">
				<img src="../image/tianjiatubiao.png" />
			</div>
		</div>
		<div class="pad-h pad-v mui-hidden">请上传3张照片</div>
		<div class="mui-row pad-h mgn-v-lg apply-btn">
			<button class="mui-btn mui-btn-block no-bdr btn-submit" data-private="member.after.sale.html">提交</button>
		</div>
	</div>
	
	<!--问题模板 开始-->
	<script type="text/template" id="tpl-problem">
		{{each data as item}}
		<div class="mui-input-row mui-radio">
			<label>{{item.name}}</label>
			<input name="problem" type="radio" value="{{item.id}}">
		</div>
		{{/each}}
	</script>
	<!--问题模板 结束-->
	
	<!--上传图片模板 开始-->
	<script type="text/template" id="tpl-image">
		{{each data as item}}
		<div class="mui-col-xs-4 mui-text-center image-item" data-path="{{item}}">
			<img src="{{item | image}}" />
			<i class="icon iconfont icon-close"></i>
		</div>
		{{/each}}
	</script>
	<!--上传图片模板 结束-->

	<script type="text/javascript" src="../js/mui.min.js"></script>
	<script type="text/javascript" src="../js/jquery.min.js"></script>
	<script type="text/javascript" src="../js/jquery.ba-bbq.min.js"></script>
	<script type="text/javascript" src="../js/template.js"></script>
	<script type="text/javascript" src="../js/app.js"></script>
	<script type="text/javascript" src="after.sale.apply.js" ></script>
</body>
</html>